<style>
    .rbutton{
      color: primary;
      position : relative;
      float:none;
      width: 90%;
      left: 5%;
    }
  
    .inputfile {
      width: 0.1px; 
      height: 0.1px; 
      opacity: 0; 
      overflow: hidden; 
      position: absolute; 
      z-index: -1;
  }
  
  
    .img1{ 
      z-index: 0;
      height: 50%;
      width: 40%;
      padding: 0px;
    }
    .div-inline{
      display: inline;
      left: 25%;
      padding-left:15px;
      padding-right:15px;
      padding-top:3px;
      padding-bottom:3px;
      line-height:150%
    }
    .abutton{
      position: absolute;
      left:13rem;
      top:13rem;
      width: 20px;
      height: 20px;
    }
    .bbutton{
      position: absolute;
      
    }
    .afont{
      left: 25%;
      size: 5px;
    }
  
    .center-in-center{
      position: absolute;
      top: 50%;
      left: 45%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
    }
  </style>
  
  <ion-header>
    <ion-navbar>
      <button menuToggle *ngIf="!selectedItem">
        <ion-icon name="menu"></ion-icon>
      </button>
      <ion-title>拍照录入</ion-title>
    </ion-navbar>
  </ion-header>
  
  <ion-content>
      <div style="height:60%;">
       <h6>已选择图片</h6>
        <div *ngFor="let item of piclist;let i = index"  class="div-inline">
           <img [src]="item.path" class="img1" *ngIf="item.flag"/>  
           <button ion-fab mini color="primary" class="abutton"  (click)="removePic(i)" *ngIf="item.flag" >
            ×
           </button>
           
       </div>
      </div>
  
     
      <div class="rbutton" padding-top>  
        <button ion-button block>
          <input type="file" multiple="multiple" id="pickfiles" class="inputfile" (change)="imgChange($this)" />
  
                <label for="pickfiles">
                  从图库选择
                </label>
                </button>
   
        </div>
      
      <div class="center-in-center">
          <button ion-fab color="primary" class="bbutton" (click) = "getPicture(1)">
            <ion-icon name="camera"></ion-icon>
         </button>
      </div>
      <div class="rbutton" padding-top>
          <button ion-button block (click) = "submit()">submit</button>
      </div>
  

  </ion-content>
  